<template>
	<div>
		<div class="header">
			<img @click="back" src="../../assets/nav_back.png"/>
			<span>安全保证</span>
			<span class="img"></span>
		</div>
		<div class="top-title">
			本产品是撮合操盘手和投资人的线上合作交易，给交易双方提供安全、稳定、可靠的服务平台
		</div>
		<div v-for="(i,index) in lists" class="nav">
			<div class="title"><span></span>{{i.title}}</div>
			<div class="text">{{i.text}}</div>
		</div>
	</div>
</template>
<script>
  export default {
    data () {
      return {
        lists:[
        {
         title:"技术安全",
         text:"采用银行级监控技术，内部资金信息传输多层加密，分级设置权限，交叉复制，形成严格内部控制体系，用户账户信息，密码防篡改泄密"
        },
        {
         title:"合法合规",
         text:"平台不参与交易，只撮合点买人和投资人的信息匹配服务，指令的通讯服务，交易风控管理服务，资金支付及清算服务，交易合作协议生产和管理服务。"
        },
        {
         title:"资金安全",
         text:"点买人和投资人的所有资金全部通过第三方支付通道，所有的资金进出全权由第三方机构负责处理并监管。"
        }
        
        ]
      }
    },
    methods: {
     	back() {
			this.$router.back(-1)
		},
    },
     beforeRouteEnter(to,from,next){
	    document.querySelector('title').innerText='谋略家'
	      next()
	  }
  }
</script>
<style lang="less" scoped>
@import '../../less/config.less';
.header{
	padding:0 @p30;
	display: flex;
	justify-content:space-between;
	align-items: center;
	height:@hwrap;
	color:#fff;
	font-size:.48rem;
	background:#000;
	img,.img{
		width: @p30;
		height: @p30;
	}
}
img{
	display: block;
}
.nav{
	color: white;
	background: @liBg;
	margin: @fsize  @p30;
	border-radius: @fsize/2;
	padding:@p30 ;
	.title{
		font-size: @f28;
		color: white;
		span{
			display: inline-block;
			width: .16rem;
			height: .16rem;
			margin-right: @fsize;
			background: #FFDD25;
			border-radius: 50%;
		}
	}
	.text{
		margin-top:@p30;
		font-size: @f24;
		color: #999;
		line-height: 0.586rem;
	}
	
}
.top-title{
	text-indent: 2em;
	font-size: @f24;
	color: #999;
	padding: .8rem .4rem .4rem;
}
</style>